import TinyReact from '../src';

const root = document.getElementById('root');

class Alert extends TinyReact.Component {
  constructor(props) {
    // 将 props 传递给父类 子类继承父类的 props 子类自然就有 props 数据了
    // 否则 props 仅仅是 constructor 函数的参数而已
    // 将 props 传递给父类的好处是 当 props 发生更改时 父类可以帮助更新 props 更新组件视图
    super(props);
    this.state = {
      title: 'default title',
    };
  }
  render() {
    return (
      <div>
        <h2 className="title">{this.state.title}</h2>
        <p>{this.props.message}</p>
      </div>
    );
  }
}

TinyReact.render(<Alert message="Hello React" />, root);
